<template>
  <div id="app" @mousewheel="handleshow">
    <Header v-if="isShow" />
    <Navbar :flag="flag" />
    <div class="content"><router-view /></div>
    <!-- <Player /> -->
    <Footer />
  </div>
</template>

<script>
import Header from './components/Header'
import Footer from './components/Footer'
import Navbar from './components/Navbar'
// import ajax from './api'
// import Player from '@/components/Player'
export default {
  name: 'App',
  components: {
    Header,
    Footer,
    Navbar
  },
  data() {
    return {
      isShow: true,

      flag: false
      // mingo: false
    }
  },
  mounted() {
    this.$bus.$emit('isShowHeader', (flag) => {
      // console.log(flag)
      this.isShow = flag
    })
  },
  methods: {
    handleshow(e) {
      if (e.pageY > 700) {
        this.flag = true
      } else {
        this.flag = false
      }
    }
    // showlist() {
    //   console.log(focus)
    //   if (focus) {
    //     this.mingo = true
    //   } else {
    //     this.mingo = false
    //   }
    // }
  }
}
</script>

<style>
  .content{
    width: 1300px;
    /* border: 1px solid red; */
    margin: 0 auto;
  }
</style>
